<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}" />    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
	<title>JTOON</title> 
	<link href="${contextPath}/css/common/mobile_w.css" type="text/css" rel="stylesheet">
	<link href="${contextPath}/css/common/mobile_c.css" type="text/css" rel="stylesheet">
	<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-31745784-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>
	<div class="u_ts">
		<a href="${contextPath}/index">
			<img width="58" height="33" alt="JTOON" src="${contextPath}/img/jtoon.jpg">
		</a>
		<a href="${contextPath}/index">
			<img width="39" height="33" alt="웹툰" src="http://static.naver.com/m/comic/im/lg_comic.png">
		</a>
	</div>

	<div class="m0" id="ct">
		<h3 class="pageTitle">회원가입</h3>
	
		<div class="box_area outer">
			<div class="box_area_v2 box_area_v22">
				<form action="${contextPath}/join" method="post" id="loginform" name="frmNIDLogin">

					<fieldset class="rname_area">
						<legend class="hc">로그인</legend>
						<ul>
							<li class="input_area">
								<span class="c"> 
									<span>아이디</span>
									<span class="input_txt_area input_txt_area_v1" id="idb">
										<input type="text" class="input_txt input_txtc il" id="id" value="" title="아이디" maxlength="26" name="id">
									</span>
								</span> 
							</li>
							<li class="input_area">
								<span class="c"> 
									<span>비밀번호</span>
									<span class="input_txt_area input_txt_area_v1" id="pwb">
										<input type="password" class="input_txt input_txtc pl" id="pw" value="" title="비밀번호" name="pw">
									</span>
								</span> 
							</li>
							<li class="input_area">
								<span class="c"> 
									<span>비밀번호 확인</span>
									<span class="input_txt_area input_txt_area_v1" id="pwb">
										<input type="password" class="input_txt input_txtc pl" id="pwc" value="" title="비밀번호" name="pwc">
									</span> 
								</span> 
							</li>
							<li class="input_area">
								<span class="c">${msg}</span>
								<span class="r"> 
									<input type="submit" class="lbtn ls" value="회원가입" title="회원가입" />
								</span>
							</li>
						</ul>
					</fieldset>
				</form>
			</div>
		</div>
		<div class="f_login">
			<!--  
				<p class="ltb">
					<a class="ltb_ct lbtn" style="width: 49%"
						href="https://nid.naver.com/mobile/user/help/idInquiry.nhn"><span
						class="go">아이디 찾기</span></a><span class="ltb_ct vc">.</span><a
						class="ltb_ct lbtn" style="width: 49%"
						href="https://nid.naver.com/mobile/user/help/pwInquiry.nhn"><span
						class="go">비밀번호 찾기</span></a>
				</p>
			 -->
			<p class="notice2"> 
				아이디가 이미 있으신가요?<br>
				<a class="join" href="${contextPath}/login">로그인</a>
			</p>

		</div>
	</div>

	<address class="u_cr">
		<span class="u_cri">&copy; <a class="u_cra u_cra_v1" href="#">JTOON Corp.</a></span>  
	</address>
	
</body> 
</html>